<%--
  Copyright &copy; Well All rights reserved.
  User: Well
  Date:2018-03-07
  Description:easyui的linkbutton控件
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!-- 小图标 -->
<h2>小图标</h2>
<div>
    <a href="javascript:$.messager.alert('提示','您点击了查询按钮','info');" class="easyui-linkbutton" data-options="iconCls:'icon-query'">查询</a>
    <a href="javascript:$.messager.show({title:'提示',msg:'您点击了新增按钮'});" class="easyui-linkbutton" data-options="iconCls:'icon-add'">增加</a>
    <a href="javascript:$.messager.prompt('提示','请输入：',function(r){if(r){$.messager.alert('提示','您输入的是：<br/>'+r,'info');}});" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
    <a href="javascript:$.messager.confirm('提示','确定删除？',function(r){if(r){$('#datagrid').datagrid('deleteRow',0)}});" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-refresh'">刷新</a>

    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-sure'">确定</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'">取消</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-save'">保存</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-filter'">过滤</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-help'">帮助</a>

    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-print'">打印</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-redo'">重做</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-sum'">求和</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-tip'">提示</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-undo'">撤销</a>

</div>

<br/>
<!-- 大图标 -->
<h2>大图标</h2>
<div>
    <a href="#" class="easyui-linkbutton" data-options="width:80,height:60,iconCls:'icon-large-picture',size:'large',iconAlign:'top'">Picture</a>
    <a href="#" class="easyui-linkbutton" data-options="width:80,height:60,iconCls:'icon-large-clipart',size:'large',iconAlign:'top'">Clip Art</a>
    <a href="#" class="easyui-linkbutton" data-options="width:80,height:60,iconCls:'icon-large-shapes',size:'large',iconAlign:'top'">Shapes</a>
    <a href="#" class="easyui-linkbutton" data-options="width:80,height:60,iconCls:'icon-large-smartart',size:'large',iconAlign:'top'">SmartArt</a>
    <a href="#" class="easyui-linkbutton" data-options="width:80,height:60,iconCls:'icon-large-chart',size:'large',iconAlign:'top'">Chart</a>
</div>

<br/>

<!-- 自定义的按钮 -->
<h2>自定义按钮</h2>
<a href="javascript:void(0);" class="easyui-addbutton"></a>代码：
<xmp><a href="javascript:void(0);" class="easyui-addbutton"></a></xmp>
<br/>
<a href="javascript:void(0);" class="easyui-removebutton"></a>代码：
<xmp><a href="javascript:void(0);" class="easyui-removebutton"></a></xmp>
<br/>
<a href="javascript:void(0);" class="easyui-editbutton"></a>代码：
<xmp><a href="javascript:void(0);" class="easyui-editbutton"></a></xmp>
<br/>
<a href="javascript:void(0);" class="easyui-querybutton"></a>代码：
<xmp><a href="javascript:void(0);" class="easyui-querybutton"></a></xmp>
<br/>
<a href="javascript:void(0);" class="easyui-logoutbutton"></a>代码：
<xmp><a href="javascript:void(0);" class="easyui-logoutbutton"></a></xmp>
<br/>
<script type="text/javascript">

</script>